@extends('home.layouts')

@section('content')
	<div class="container">
		<ul class="breadcrumb"></ul>
		<div class="row">
			@component('home.components.category-left', ['category' => $category]) @endcomponent

			<div id="content" class="col-sm-9">
				<h3>{{ $category->name }}</h3>
				<!-- @component('home.components.category-filter')@endcomponent -->
				
				<div class="row">
					@foreach($datas as $v)
					    @component('home.components.product', ['data' => $v]) @endcomponent
					@endforeach    
				</div>
			</div>
		</div>
    </div>

    <script type="text/javascript">
    	
    </script>
@endsection